<template>
  <div class="big">
    <el-container>
      <el-header>
        <div class="header">
          <a  class="a" href=""><img src="https://stormsend1.djicdn.com/stormsend/uploads/d0425c20-9482-0136-3d9f-12528100fbe3/logo.svg" alt="">
          <a style="text-decoration: none;display:inline-block;font-size:20px;margin-left: 7px" href=""><b>商城</b></a>  </a>
          <el-dropdown class="dropdown">
  <span class="el-dropdown-link">
    我的账号<i class="el-icon-arrow-down el-icon--right"></i>
  </span> <el-divider direction="vertical"></el-divider>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item>我的账号</el-dropdown-item>
              <el-dropdown-item>我的订单</el-dropdown-item>
              <el-dropdown-item>退出</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
          <el-dropdown >
            <span class="link">
    中文<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item>中文</el-dropdown-item>
              <el-dropdown-item>English</el-dropdown-item>
              <el-dropdown-item>Français</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>


        </div>
      </el-header>
      <div style="width:100%;height: 72px;background-color: #f7f9fa;margin-left: 0;margin-right: 0">
<div class="divider">
       <p >疫情期间受交通管制影响，收货地址为上海市、青海省西宁市的订单暂停派件，根据区域政策可能更换其他物流公司进行派件。其余部分地区可能出现派送延迟，详情可咨询在线客服。具体解除时间请以邮管局通知为准。给您造成的不便，敬请谅解。</p>
  </div>
  </div>
      <el-main>
        <h1 class="h1">购物车为空</h1>
        <a>
          <el-button style="width: 280px;height: 48px"  @click="login()">去购物 ></el-button>
        </a>
        <el-divider/>
        <div class="qcby" >
          <div class="by">
            <img style="margin-left: 40px" src="https://stormsend1.djicdn.com/stormsend/uploads/794e0300-98af-0136-ac4e-1237445f15bc/truck-moving.svg" alt="">
            <p>全场满 ¥99 包邮</p>
          </div>
          <div class="pay">
            <img style="margin-left: 80px" src="https://stormsend1.djicdn.com/stormsend/uploads/7bab98b0-98af-0136-ac4f-1237445f15bc/credit-card.svg" alt="">
            <p>支持支付宝、微信、银联、银行转账 <br>
              支持花呗、京东白条和招行分期</p>
          </div>

        </div>
        <el-divider/>
        <div style="margin:0 auto">
          <div style="font-size: 12px;float: left" >
            <p>热门产品分类</p>
            <a href=""> <p>航拍无人机</p></a>
            <a href=""> <p>手持拍摄设备</p></a>
            <a href=""> <p>商用产品及方案</p></a>
            <a href=""> <p>增值服务</p></a>
          </div>
          <div style="font-size: 12px;float: left;margin-left: 300px" >
            <p>帮助与支持</p>
            <a href=""> <p>支付方式</p></a>
            <a href=""> <p>订单帮助</p></a>
            <a href=""> <p>发货和物流</p></a>
            <a href=""> <p>技术支持</p></a>
            <a href=""> <p>维修中心</p></a>
            <a href=""> <p>售后服务政策</p></a>
          </div>
            <div style="font-size: 12px;float: left;margin-left: 300px" >
              <p>商城项目</p>
              <a href=""> <p>Dji币返利计划</p></a>
              <a href=""> <p>以旧换新</p></a>
              <a href=""> <p>Dji大疆官网商城APP</p></a>

            </div>
              <div style="font-size: 12px;float: left;margin-left: 300px" >
                <p>探索精彩大疆</p>
                <a href=""> <p>天空之城</p></a>
                <a href=""> <p>Dji大疆社区</p></a>
                <a href=""> <p>购机指南</p></a>
                <a href=""> <p>安全飞行指引</p></a>
                <a href=""> <p>环球飞行指南</p></a>
              </div>
        </div>

      </el-main>

    </el-container>

  </div>

</template>

<script>
export default {
  name: "ProductView.vue",
  data:function (){
    return {


    }
  }
}
</script>


<style scoped>
a{ text-decoration: none}

.divider{width: 1653px;height: 64px}

.big{ overflow:hidden;margin:0 100px 0 100px}
.header{height: 64px;margin-bottom: 20px}
.a{
  text-decoration: none; overflow:hidden;line-height: 60px;display: flex;float: left;
}
.el-dropdown-link {
  cursor: pointer;
  color: #409EFF;}

.link {
  cursor: pointer;
  color: #409EFF;

}
.el-icon-arrow-down {
  font-size: 12px;
}
.dropdown{

  margin-top: 20px;
  margin-left: 1000px;
}
.h1{height: 42px;font-size: 32px}
.qcby{overflow: hidden}
.by{float: left;margin-left: 400px;}
.pay{float: left;margin-left: 500px}
</style>
